<template>
  <view class="mx-16">
    <u-gap></u-gap>
    <!--  -->
    <view class="searchBarrrrrr">
      <view
        class="flex px-16 align-items-center justif-between"
        style="height: 84rpx; border-radius: 16rpx; background-color: #f6f5f8"
      >
        <input
          type="text"
          placeholder="搜索动态"
          placeholder-style="color: #C9C9C9;"
          class="pt-13 pb-14"
        />
        <view class="">
          <image
            src="/static/img/sosuo.svg"
            mode=""
            class="searchBar_img py-11"
            style="width: 40rpx; height: 37rpx"
          ></image>
        </view>
      </view>
    </view>
    <u-gap height="32"></u-gap>
    <!--  -->
    <view class="flex justify-center">
      <view class="word"> 搜索制定内容 </view>
    </view>
    <u-gap height="24"></u-gap>
    <view class="flex justify-center">
      <view class="cate flex">
        <view class="" @click="go(1)"> 图片及视频 </view>｜
        <view class="" @click="go(2)"> 日期 </view>｜
      </view>
    </view>
  </view>
</template>

<script>
import {
  mapState, //先导入mapState方法
  mapMutations,
  mapActions,
  mapGetters,
} from "vuex";
export default {
  data() {
    return {
      friend: null,
    };
  },
  computed: {
    ...mapState("m_message", ["talkList"]),
  },
  methods: {
    go(num) {
      switch (num) {
        case 1:
          this.$pub.go(
            `/pages_message/chatImg/chatImg?friend=${JSON.stringify(
              this.friend
            )}`
          );
          break;
        case 2:
          this.$pub.go(
            `/pages_message/chatDays/chatDays?friend=${JSON.stringify(
              this.friend
            )}`
          );
          break;
        case 3:
          this.$pub.go(
            `/pages_message/chatNumber/chatNumber?friend=${JSON.stringify(
              this.friend
            )}`
          );
          break;
        default:
          break;
      }
    },
  },
  onLoad(options) {
    this.friend = JSON.parse(options.data);
  },
};
</script>

<style>
</style>
<style lang="scss" scoped>
.word {
  color: #999;
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 10px;
}

.cate {
  color: #8652ff;
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 10px;
  /* 83.333% */
}
</style>